/*ä¸šåŠ¡å¾…åŠžç»„ä»¶æ ·å¼*/

.is-hidden {
    display: none !important;
}

.is-show {
    display: block !important;
}

.tab-wrap {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 1.8rem;
    line-height: 1.8rem;
    width: 100%;
    background-color: #fff;
}

.tab-link-btn {
    --webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    height: 1.8rem;
    line-height: 1.8rem;
    box-sizing: border-box;
    padding: 0 .25rem;
    font-size: .65rem;
    color: #515a6e;
    text-align: center;
    border-bottom: 0.04rem solid #E5EEF1;
}

.tab-link-btn p {
    display: block;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}

.tab-link-btn p span {
    color: #ff5500;
    font-size: .55rem;
}

.tab-link-btn.active p {
    border-bottom: .12rem solid #15C8A9;
    color: #15C8A9;
}

.filter-wrap {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.filter-box {
    position: relative;
    height: 1.6rem;
    line-height: 1.6rem;
    width: 100%;
    box-sizing: border-box;
    border-bottom: .04rem solid #E5EEF1;
    background-color: #FAFCFF;
    color: #515a6e;
    overflow: hidden;
}

.filter-l {
    float: left;
    height: 1.6rem;
    padding: 0 .6rem;
    line-height: 1.6rem;
    font-size: .6rem;
}

.filter-c {
    float: right;
    height: 1.6rem;
    line-height: 1.6rem;
    font-size: .6rem;
    padding: 0 .6rem;
}

.filter-c i.fa-trash-o {
    font-size: .8rem;
    color: #787878;
    vertical-align: middle;
}

.filter-c.active {
    color: #15C8A9;
    background-color: #fff;
    border-left: .04rem solid #E5EEF1;
}

.filter-l.active {
    color: #15C8A9;
    background-color: #fff;
    border-right: .04rem solid #E5EEF1;
}

.filter-r {
    float: right;
    margin: .2rem 0;
    height: 1.3rem;
    line-height: 1.3rem;
    box-sizing: border-box;
    padding: 0 .5rem 0 .3rem;
    font-size: .75rem;
    color: #787878;
    background: url(../../images/rline.png) 0 0 no-repeat;
    background-size: contain
}

.filter-r i {
    margin-left: .5rem;
    vertical-align: middle;
}

.filter-r i.active {
    color: #15C8A9;
}

.filter-search {
    position: absolute;
    z-index: 1;
    left: 100%;
    height: 1.6rem;
    width: 100%;
    box-sizing: border-box;
    padding: 0.15rem .2rem;
    transition: all .2s;
    -moz-transition: all .2s;
    /* Firefox 4 */
    -webkit-transition: all .2s;
    /* Safari å’Œ Chrome */
    -o-transition: all .2s;
    background-color: #fafafa;
    box-shadow: .25rem .25rem .25rem #eee inset;
}

.filter-search.active {
    left: 0;
}

.filter-search-box {
    display: inline-block;
    position: relative;
    z-index: 1;
    float: left;
    width: 100%;
    height: 1.3rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: -2.4rem;
    padding-right: 2.4rem;
    transition: all .2s;
    -moz-transition: all .2s;
    /* Firefox 4 */
    -webkit-transition: all .2s;
    /* Safari å’Œ Chrome */
    -o-transition: all .2s;
}

.filter-search-box input {
    float: left;
    padding: .25rem .5rem .25rem 1.15rem;
    width: 100%;
    box-sizing: border-box;
    border: .04rem solid #bbb;
    border-radius: .6rem;
    font-size: .6rem;
}

.filter-search-box i.fa-search {
    position: absolute;
    top: .3rem;
    left: .35rem;
    color: #bbb;
    font-size: .65rem;
}

.filter-search-box .fa-times {
    position: absolute;
    top: .35rem;
    right: 3rem;
    color: #bbb;
    font-size: .65rem;
}

.help-active .filter-search {
    left: 0;
    box-shadow: 0 0 0;
    background-color: transparent;
    width: auto;
    right: 4.5rem;
}

.help-active .filter-search-box {
    margin-right: 0;
    padding-right: 0;
}

.help-active .filter-search-box input {
    border-radius: .2rem;
    border-color: #ddd;
}

.filter-line {
    height: 2.2rem;
}

.filter-line .filter-search {
    top: .15rem;
    right: 0;
    height: 2.2rem;
}

.filter-line .filter-search-box i.fa-search {
    top: .45rem;
}

.filter-line .filter-search .filter-search-box input {
    padding: .4rem .25rem .4rem 1.15rem;
}

.search-cancel {
    display: inline-block;
    float: right;
    position: relative;
    z-index: 1;
    width: 2.4rem;
    height: 1.3rem;
    line-height: 1.3rem;
    text-align: center;
    font-size: .6rem;
    color: #515a6e
}

.filter-child-box {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #fff;
    border-bottom: 0.04rem solid #E5EEF1;
}

.filter-child-box .filter-tab-link {
    display: inline-block;
    float: left;
    height: 1.2rem;
    line-height: 1.2rem;
    margin: .2rem;
    padding: 0 .5rem;
    box-sizing: border-box;
    border-radius: .2rem;
    background-color: #eee;
    border: .04rem solid #eee;
    color: #515a6e;
    font-size: .6rem;
}

.filter-child-box .filter-tab-link.active {
    border: .04rem solid #15C8A9;
    background-color: #fff;
    color: #15C8A9;
}

.filter-list-box {
    position: absolute;
    z-index: 3;
    top: 3.55rem;
    max-height: 17rem;
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}

.filter-item {
    font-size: 0.6rem;
    background-color: #fff;
    color: #666666;
    padding: 0 0.5rem;
    box-sizing: border-box;
    border-bottom: 0.04rem solid #eee;
    line-height: 1.6rem;
    min-height: 1.6rem
}

.filter-item:last-child {
    border: none;
}

.filter-item i {
    float: right;
    display: none;
    font-size: .8rem;
    margin-top: .4rem;
}

.filter-item.active {
    color: #14B79A;
}

.filter-item.active i {
    color: #14B79A;
    display: block;
}

.filter-item.active .filter-item i {
    display: none;
}

.filter-item em {
    color: #ff5500;
    font-size: .55rem;
    margin-left: .25rem;
    font-style: normal;
}

.filter-item ul {
    border-top: 0.04rem solid #eee;
    border-bottom: 0.04rem solid #eee;
}

.filter-item .filter-item {
    padding-left: .75rem;
    padding-right: 0
}

.filter-item ul li li:last-child {
    border-bottom: 5px solid #eee;
}

.filter-mask {
    position: absolute;
    z-index: 2;
    width: 100%;
    top: 3.55rem;
    bottom: 0;
    background-color: rgba(0, 0, 0, .4);
}

.grid-content {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin-top: -3.5rem;
    padding-top: 3.5rem;
    box-sizing: border-box;
    background-color: #fff;
}

.grid-content.g-has-bar {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: -2.2rem;
    padding-bottom: 2.2rem;
}

.grid-content.g-full {
    margin-top: 0;
    padding-top: 0;
    background: #f7f7f7;
}

.grid-content.g-bg {
    background: #f7f7f7;
}

.grid-content.g-not-tab {
    margin-top: -1.6rem;
    padding-top: 1.6rem;
}

.grid-content.g-has-condition {
    margin-top: -5.3rem;
    padding-top: 5.3rem;
}

.grid-content.g-has-footer {
    margin-bottom: -1.8rem;
    padding-bottom: 1.8rem;
}

.grid-content.g-has-count {
    margin-bottom: -1.4rem;
    padding-bottom: 1.4rem;
}

.grid-content.g-has-count .grid-list-box .mint-loadmore-bottom {
    margin-bottom: 1.4rem;
}

.grid-content.g-has-count .grid-list-box.grid-nomore .mint-loadmore-bottom {
    margin-bottom: 1rem;
}

.grid-content.g-not-tab .grid-ul li:nth-of-type(even),
.grid-content.g-full .grid-ul li:nth-of-type(even),
.grid-content.g-has-bar .grid-ul li:nth-of-type(even) {
    background: #fff;
}

.grid-content.g-has-bar .grid-ul li {
    line-height: 150%;
}

.grid-content.g-full .grid-ul li,
.grid-content.g-bg .grid-ul li {
    margin-bottom: .5rem;
    border-top: .04rem solid #ebeaea;
}

.grid-content.g-full .grid-ul li:last-child,
.grid-content.g-bg .grid-ul li:last-child {
    margin-bottom: 0;
}

.grid-content.g-full .grid-title,
.grid-content.g-bg .grid-title {
    font-weight: 600;
}

.grid-content.g-full .grid-ul {
    min-height: auto;
}

.is-fixed .grid-content.g-has-bar {
    padding: 0;
    margin: 0;
}

.is-fixed .grid-content.g-has-bar~.grid-bar {
    display: none;
}

.grid-main {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.grid-title {
    position: relative;
    height: 1.6rem;
    width: 100%;
    box-sizing: border-box;
    border-top: .04rem solid #eee;
    border-bottom: .04rem solid #eee;
    background-color: #f6f6f6;
    padding: 0 .5rem;
    color: #515a6e;
    font-size: .6rem;
}

.grid-title-l {
    float: left;
    height: 100%;
    line-height: 1.6rem;
}

.grid-title-l i {
    margin-right: .25rem;
}

.grid-title-r {
    float: right;
    font-size: .55rem;
}

.grid-title-r em {
    line-height: 1.6rem;
    margin: 0 .25rem;
    color: #ff5500;
}

.grid-list-wrap {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}

.grid-list-wrap.g-has-title {
    margin-top: -1.6rem;
    padding-top: 1.6rem;
}

.grid-list-box {
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.grid-count {
    height: 1.4rem;
    line-height: 1.4rem;
    width: 100%;
    box-sizing: border-box;
    border-top: .04rem solid #eee;
    font-size: .6rem;
    color: #515a6e;
    text-align: center;
    box-shadow: 0.05rem 0.1rem 0.6rem #eee inset;
}

.grid-count em {
    margin: 0 .25rem;
    color: #ff5500;
}

.grid-content.g-has-count .mint-loadmore-bottom.bottom-nomore {
    margin-bottom: 1.4rem;
}

.grid-ul {
    font-size: .6rem;
    min-height: 28rem;
}

.grid-ul li {
    clear: both;
    width: 100%;
    box-sizing: border-box;
    padding: 0.3rem .5rem;
    border-bottom: .04rem solid #ebeaea;
    color: #666;
    line-height: 150%;
}

.grid-ul li:nth-of-type(odd) {
    background-color: #fefefe;
}

.grid-ul li:nth-of-type(even) {
    background-color: #FAFCFB;
}

.grid-l {
    float: left;
    position: relative;
    z-index: 1;
    width: 1.2rem;
    height: 100%;
    line-height: 3.2rem;
    color: #999;
}

.grid-l .fa,
.grid-footer-l .fa {
    font-size: .8rem;
    color: #787878;
}

.grid-l .fa-check-circle,
.grid-footer-l .fa-check-circle {
    color: #15C8A9;
}

.grid-c {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    margin-right: -4rem;
    padding-right: 4rem;
    font-size: .6rem;
}

.grid-img-wrap {
    width: 2.8rem;
    height: 2.8rem;
    margin: .35rem 0;
}

.grid-img-wrap img {
    height: 100%;
    width: 100%;
}

.grid-c .grid-cell:nth-child(2) {
    font-size: .5rem;
}

.grid-r {
    position: relative;
    width: 4rem;
    height: 100%;
    float: right;
    font-size: .5rem;
    text-align: right;
}

.grid-cell.cell-title {
    font-size: .65rem;
    font-weight: 600;
    color: #515a6e;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 2rem;
    white-space: normal
}

.grid-cell.cell-date {
    color: #697C88;
    width: 100%;
    margin: .3rem 0 0;
    font-size: .55rem;
}

.cell-date.c-today {
    color: #ED4F3C;
}

.cell-date.c-yesterday {
    color: #eea236;
}

.cell-date.c-lastday {
    color: #086aae;
}

.cell-column {
    display: flex;
    font-size: .55rem;
}

.cell-column p {
    flex: 1;
}

.cell-column .cell-dept {
    flex-grow: 0;
    color: #697C88;
}

.cell-column .cell-title {
    flex-grow: 1;
    margin-right: .25rem;
    font-size: .6rem;
    font-weight: 600;
}

/* Clearfix */

.cell-state {
    margin-top: .5rem;
}

.grid-cell-clamp {
    width: 100%;
    max-height: 3.25rem;
    line-height: 1.1rem;
    vertical-align: middle;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    ;
    -webkit-line-clamp: 3;
    overflow: hidden;
    padding-top: .3rem;
    text-align: left;
}

.grid-cell {
    width: 100%;
    line-height: 1.1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #515a6e;
}

.grid-cell.cell-code {
    height: .8rem;
    line-height: .8rem;
    margin-bottom: .05rem;
    color: #999
}

.grid-cell label {
    float: left;
    font-size: .55rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #666;
}

.state-btn,
.state-close {
    border: .04rem solid #eee;
    display: inline-block;
    border-radius: 0.5rem;
    height: 1rem;
    line-height: 0.9rem;
    text-align: center;
    padding: 0 .5rem;
    background-color: #fff;
}

.state-close {
    font-size: .55rem;
    line-height: 1rem;
}

.state-btn.success {
    border: .04rem solid #49bd2f;
    color: #49bd2f;
}

.state-btn.danger,
.state-close {
    border: .04rem solid #ff0000;
    color: #ff0000;
    white-space: nowrap
}

.state-btn.warn {
    border: .04rem solid #f5b462;
    color: #f5b462;
}

.state-btn.info {
    border: .04rem solid #3ac1fc;
    color: #3ac1fc;
}

/* .cell-primary{
	color: #0894ec;
}
.cell-danger{
	color: #f6383a;
}
.cell-success{
	color: #49bd2f;
} */

.cell-reply {
    font-size: .65rem;
    padding: .4rem 0;
}

.cell-reply i {
    font-size: .8rem;
    margin-right: .25rem;
    display: none;
}

.cell-reply em {
    font-size: .55rem;
    color: #999;
    margin-left: .25rem;
}

.cell-reply.cell-danger em {
    background: url(../../images/fa-reject.png) 0 0 no-repeat;
    background-size: cover;
    width: 1rem;
    height: 1rem;
    display: inline-block;
    vertical-align: middle;
    margin: -.15rem 0 0 .15rem
}

.cell-reply em.fa-complete {
    background: url(../../images/icon/ico-complete.png) 0 0 no-repeat;
    background-size: cover;
    width: 2.2rem;
    height: 2.2rem;
    position: absolute;
    top: .25rem;
    right: 4rem;
    text-indent: -9999rem;
}

.grid-dynamics {
    border-radius: .2rem;
    background-color: #3ac1fc;
    width: 1.5rem;
    height: 1.5rem;
    opacity: .8;
}

.grid-dynamics img {
    display: block;
    margin: 0 auto;
    width: 1rem;
    height: 1rem;
    padding-top: .25rem;
    -webkit-filter: brightness(3.3);
    filter: brightness(10);
}

.dynamics-approve {
    background-color: #f5b462;
}

.grid-box.g-has-choose .grid-c {
    margin-left: -1.2rem;
    padding-left: 1.2rem;
}

.grid-box.g-has-photo .grid-l {
    width: 3rem;
    padding: 0 .25rem 0 0;
}

.grid-box.g-has-photo .grid-c {
    margin-left: -3.25rem;
    padding-left: 3.25rem;
    padding-top: .25rem;
}

.grid-box.g-has-link {
    padding: .1rem 0;
}

.grid-box.g-has-link .grid-l {
    width: 3.5rem;
    font-size: .6rem;
    padding-top: .1rem;
    padding-left: .5rem;
    box-sizing: border-box;
}

.grid-box.g-has-link .grid-c {
    margin-left: -3.5rem;
    padding-left: 3.5rem;
    margin-right: -.8rem;
    padding-right: .8rem;
}

.grid-box.g-has-link .grid-r {
    width: .8rem;
    line-height: 1.2rem;
    font-size: 1rem;
    color: #999;
}

.grid-box.g-has-dynamics .grid-l {
    width: 2rem;
    box-sizing: border-box;
    margin-top: .4rem;
}

.grid-box.g-has-dynamics .grid-c {
    margin-left: -2rem;
    padding-left: 2rem;
}

.grid-box.g-has-dynamics .cell-dept {
    margin-top: .2rem;
    font-size: .55rem;
    color: #697C88;
}

.grid-box.g-has-reply {
    padding: .25rem .5rem;
    font-size: .6rem;
    /* background: #f9f9f9; */
}

.grid-box.g-has-reply .grid-body,
.grid-box.g-has-reply .grid-meta {
    margin-left: 1rem;
}

.grid-box.g-has-reply .cell-title {
    white-space: normal;
    color: #515a6e;
    overflow: visible;
    max-height: 100%;
    display: block;
    margin-left: 1rem
}

.grid-box.g-has-reply .cell-title .fa-ask {
    margin-left: -1rem;
}

.grid-box.g-has-reply .cell-img {
    display: none;
}

.grid-box.g-has-reply~.grid-reply {
    padding: 0 0 .15rem;
    /* background: #f9f9f9; */
    /* margin-bottom: 0 */
}

.g-has-reply.g-reply-detail {
    background: #f9f9f9;
    padding: 0;
}

.g-has-reply.g-reply-detail .grid-body {
    margin-left: .5rem;
}

.grid-reply,
.grid-comments {
    font-size: .6rem;
    border-top: 0.04rem solid #eee;
    margin-bottom: .25rem;
}

.grid-reply-title {
    padding: .25rem 0.5rem .25rem .7rem;
    color: #515a6e;
    background: #f7f7f7;
    border-bottom: 0.04rem solid #eee;
}

.grid-reply-title em {
    margin: 0 .15rem;
}

.grid-reply .grid-box {
    padding: 0 .5rem 0 1.75rem;
}

.grid-comments .grid-box {
    padding: 0 0 0 2rem;
}

.grid-comments .grid-reply-title i {
    font-size: .8rem;
    color: #666;
    margin: 0 .1rem 0 0;
}

.grid-comments .meta-delete {
    color: #259;
    float: right;
    margin-top: -.8rem;
}

.grid-invite {
    -webkit-align-self: center;
    align-self: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    border-top: 0.04rem solid #ddd;
    border-bottom: 0.04rem solid #ddd;
}

.grid-invite .invite-btn {
    color: #666;
    font-size: 0.625rem;
    width: 100%;
    height: 2rem;
    line-height: 2rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    text-align: center;
    position: relative;
}

.grid-invite .invite-btn:after {
    height: 100%;
    width: .04rem;
    content: "";
    background: #eee;
    position: absolute;
    top: 0;
    left: 0;
}

.grid-invite .invite-btn i {
    font-size: .8rem;
    margin-right: .25rem;
    vertical-align: middle;
    color: #8590a6;
}

.grid-invite .invite-btn.active,
.grid-invite .invite-btn.active i {
    color: #0079b1;
    background-color: #fefefe;
}

.fa-ask {
    background: #0079b1;
    text-align: center;
    width: .8rem;
    height: .8rem;
    display: inline-block;
    margin: -.1rem .2rem 0 0;
    vertical-align: middle;
    border-radius: .15rem;
    font-size: .5rem;
}

.fa-ask:before {
    content: "é—®";
    color: #fff;
    vertical-align: middle;
    line-height: .8rem;
}

.fa-answer {
    background: url("../../images/icon/ico-reply.png") 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    width: .8rem;
    height: .8rem;
    display: inline-block;
    margin: 0 .2rem 0 0;
    vertical-align: middle;
    display: none;
}

.grid-footer {
    position: fixed;
    bottom: -1.8rem;
    height: 1.8rem;
    width: 100%;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    border-top: .04rem solid #eee;
    background-color: #fff;
    line-height: 2rem;
}

.grid-footer.active {
    bottom: 0
}

.grid-footer-l {
    display: inline-block;
    float: left;
    width: 1.2rem;
    margin-left: .5rem;
    color: #999;
}

.grid-footer-l .badge {
    color: #fff;
    display: inline-block;
    border-radius: 1rem;
    background: #ff5500;
    font-size: .5rem;
    min-width: .6rem;
    position: absolute;
    padding: 0.05rem .15rem;
    top: 0.25rem;
    left: .9rem;
    line-height: .8rem;
    text-align: center;
}

.grid-name {
    width: 7rem;
    float: left;
    font-size: .6rem;
    margin-left: .25rem;
}

.grid-name .badge {
    margin-left: .15rem;
    font-size: .6rem;
    color: #15C8A9;
}

.grid-pickall {
    display: inline-block;
    float: left;
    font-size: .6rem;
}

.grid-price {
    float: right;
    width: 7rem;
}

.grid-price-l {
    float: left;
    height: 100%;
    width: 3rem;
    font-size: .55rem;
    text-align: right;
    box-sizing: border-box;
}

.grid-price-r {
    float: right;
    height: 100%;
    width: 4rem;
    text-align: left;
    font-size: .65rem;
    color: #15C8A9;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.grid-footer-btn {
    float: right;
    width: 4rem;
    background-color: #15C8A9;
    color: #fff;
    font-size: .6rem;
    text-align: center;
}

.tobacco-none {
    text-align: center;
    font-size: .6rem;
    width: 100%;
    line-height: 1.5rem;
    height: 1.5rem;
    color: #777;
}

.grid-shopping {
    background: #fff;
    box-shadow: 0 0 5px #ddd;
    border-top: 0.04rem solid #ddd;
    position: absolute;
    width: 100%;
    bottom: -7rem;
    z-index: 1;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.grid-shopping.active {
    bottom: 0;
}

.grid-shopping-list {
    box-sizing: border-box;
    white-space: nowrap;
    overflow: auto;
    height: 5rem;
    padding: .25rem;
    background: #fefefe;
}

.grid-shopping .grid-c {
    margin: 0;
    padding: 0;
}

.grid-shopping .grid-c .cell-company {
    white-space: normal;
    line-height: .9rem;
    vertical-align: middle;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 1.8rem;
}

.grid-shopping li {
    display: inline-block;
    padding: .25rem;
    width: 40%;
    border: 1px dotted #ddd;
    border-radius: .15rem;
    white-space: nowrap;
    margin: .5rem .25rem 0 .25rem;
    box-shadow: 0 0 0.3rem #eee;
}

.grid-shopping li.active {
    border-color: #3ac1fc;
    background: #fcfcfc;
}

.grid-shopping .cell-state {
    margin-top: .25rem;
    font-size: .5rem;
}

.grid-shopping .cell-state .state-btn {
    border: none;
    padding: 0;
}

.grid-shopping .cell-state .success {
    color: #15C8A9;
}

.grid-shopping .btn-close {
    font-size: .6rem;
    color: #999;
    position: absolute;
    top: -.65rem;
    right: -.65rem;
    z-index: 11;
    border: .04rem solid #ddd;
    border-radius: 100%;
    background: #fff;
    height: .9rem;
    width: .9rem;
    text-align: center;
    padding: 0;
    margin: 0;
}

.grid-shopping li.active .btn-close {
    border-color: #3ac1fc;
    color: #3ac1fc;
    opacity: .8;
}

.grid-shopping-tool {
    height: 2rem;
    line-height: 2rem;
    position: relative;
    border-top: .04rem solid #eee;
}

.grid-mask {
    position: absolute;
    z-index: 2;
    width: 100%;
    top: 2rem;
    bottom: 0;
    background-color: rgba(0, 0, 0, .4);
}

/*help center*/

.filter-entry {
    font-size: .6rem;
    color: #333;
}

.grid-header,
.grid-meta,
.grid-type {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: .15rem 0 0;
}

.grid-header .cell-date {
    width: 4rem;
    text-align: right;
    float: right;
    margin-top: 0;
}

.grid-header .cell-photo {
    margin-left: -1.5rem;
    font-weight: 600;
}

.grid-header .cell-photo .ico-photo {
    background: #eee;
    color: #666;
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    border-radius: 1.25rem;
    margin-right: .25rem;
    line-height: 1.25rem;
    text-align: center;
    font-size: .6rem;
    font-weight: normal;
}

.grid-body {
    padding: .25rem 0;
}

.grid-body .fix-height {
    height: 2.7rem;
}

.grid-body .grid-cell.cell-title {
    padding: .15rem 0 .25rem;
}

.grid-body .grid-cell-clamp {
    padding-top: 0;
    color: #515a6e;
    position: relative;
}

.grid-body .grid-cell-clamp .clamp-expand {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 0;
    color: #175199;
    line-height: .9rem;
}

.clamp-expand:before {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    left: -5em;
    right: 0;
    background: #fff;
    z-index: -1;
    -webkit-transition: max-height .32s cubic-bezier(.95, .05, .795, .035), -webkit-mask-size .22s cubic-bezier(.95, .05, .795, .035);
    transition: max-height .32s cubic-bezier(.95, .05, .795, .035), -webkit-mask-size .22s cubic-bezier(.95, .05, .795, .035);
    transition: mask-size .22s cubic-bezier(.95, .05, .795, .035), max-height .32s cubic-bezier(.95, .05, .795, .035);
    transition: mask-size .22s cubic-bezier(.95, .05, .795, .035), max-height .32s cubic-bezier(.95, .05, .795, .035), -webkit-mask-size .22s cubic-bezier(.95, .05, .795, .035);
    -webkit-mask-image: -webkit-gradient(linear, right top, left top, from(#1a1a1a), to(transparent));
    -webkit-mask-image: linear-gradient(270deg, #1a1a1a calc(100% - 5em), transparent);
    mask-image: -webkit-gradient(linear, right top, left top, from(#1a1a1a), to(transparent));
    mask-image: linear-gradient(270deg, #1a1a1a calc(100% - 5em), transparent);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.grid-body .grid-cell-clamp .clamp-expand i {
    margin: 0 .25rem;
}

.grid-photo {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.grid-body .grid-photo .cell-img {
    background-size: cover;
    width: 100%;
    height: 3.25rem;
    width: 6.5rem;
    margin: 0 0 .25rem;
    border-radius: 0.15rem;
    background-position: center center;
}

.grid-body .grid-photo .grid-cell-clamp~.cell-img {
    margin-left: .35rem;
}

.cell-img {
    text-align: center;
    background-color: #eee;
}

.cell-img img {
    width: 100%;
}

.grid-file {
    font-size: .6rem;
    margin: .25rem 0;
    border: 0.04rem solid #ddd;
}

.grid-file-title {
    background: #f6f8fa;
    padding: .25rem .5rem;
    line-height: 150%;
}

.grid-file li {
    border-bottom: 1px solid #f5f5f5;
    padding: .25rem .5rem;
    font-size: .6rem;
    position: relative;
}

.grid-file li span {
    color: #3366cc;
}

/* .cell-img img[lazy=error],.cell-img img[lazy=loading]{
    height: 2rem;
    margin: 2rem 0;
    width: 6rem;
}
.cell-img img[lazy=loaded]{
	background:url(../../images/lazy.png) center .8rem no-repeat;
    animation: fade-in;
    animation-duration: .5s;
    -webkit-animation:fade-in .5s;
} */

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.cell-img.is-show {
    max-height: 100%;
}

.show-type {
    padding-left: 1rem;
}

.cell-type {
    display: inline-block;
    background-color: #f5f5f5;
    border-radius: .2rem;
    padding: .25rem .5rem;
    margin: 0 .25rem .25rem 0;
    font-size: .55rem;
    white-space: nowrap;
}

.grid-meta {
    font-size: .55rem;
    color: #787878;
}

.grid-meta em {
    margin: 0 .15rem;
    color: #434343;
}

.grid-meta .meta-delete {
    margin-left: .25rem;
    color: #259;
}

.grid-meta .active {
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    color: #0079b1;
}

.grid-answer {
    margin: .25rem 0;
    font-size: .6rem;
}

.grid-ul-list {
    padding: .25rem .5rem;
    border-bottom: 0.04rem solid #eee;
    background: #fcfcfc;
    min-height: 3rem;
}

.grid-ul-list h3 {
    font-size: .6rem;
    margin-bottom: .5rem;
}

.grid-ul-list h3 em {
    margin-left: .25rem;
    font-weight: normal;
    color: #999;
}

.grid-type {
    padding-bottom: .25rem;
    color: #515a6e;
}

.grid-type label em {
    color: #787878;
    margin-left: .25rem;
}

.grid-type i {
    color: #999;
}

.grid-type-list {
    padding: 0;
    margin: 0;
}

.grid-type-list p {
    line-height: .8rem;
    position: relative;
    display: inline-block;
    border-radius: .15rem;
    padding: .35rem .9rem .35rem .35rem;
    font-size: .625rem;
    margin: 0 .25rem .15rem 0;
    color: #515a6e;
    border: .04rem solid #f5f5f5;
    background-color: #f5f5f5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 46%;
}

.grid-type-list p:active {
    background-color: #eee;
}

.grid-type-list p.active {
    color: #14B79A;
    background-color: #fff;
    border: .04rem solid #14B79A;
}

.grid-type-list p i {
    display: none;
    position: absolute;
    right: 0.15rem;
}

.grid-type-list p.active i {
    display: inline-block;
    color: #14B79A;
}

.grid-type-list p.active .fa {
    color: #14B79A;
}

.grid-type-list.active p {
    background-color: #fff;
    border: 0.04rem solid #eee;
}

.grid-type-list.active p i {
    display: inline-block;
    color: #787878;
}

.grid-type-detail p {
    padding: .35rem;
}

.answer-inp,
.answer-inp-tiny {
    padding: .25rem .5rem;
    border: none;
    border-top: .04rem solid #ddd;
    border-bottom: .04rem solid #ddd;
    min-height: 8rem;
    width: 100%;
    box-sizing: border-box;
}

.answer-inp-tiny {
    min-height: 3rem;
    border: none;
}

.answer-inp-tiny::-webkit-input-placeholder {
    color: #999;
    font-size: 18px;
}

.answer-inp-tiny~.answer-inp {
    border-bottom: none;
}

.grid-bar {
    height: 2.2rem;
    width: 100%;
    box-sizing: border-box;
    padding: 0 .5rem;
    border-top: .04rem solid #eee;
    font-size: .6rem;
    color: #515a6e;
    text-align: center;
    box-shadow: 0.05rem 0.1rem 0.6rem #eee inset;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    opacity: 0;
    display: none;
}

.grid-bar.active {
    opacity: 1;
    display: flex;
}

.grid-bar .bar-btn {
    --webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: .04rem solid #ddd;
    background: #fff;
    color: #515a6e;
    position: relative;
    display: inline-block;
    margin: 0 .15rem;
    padding: 0 .25rem;
    min-width: 2rem;
    min-height: 1.5rem;
    border-radius: .2rem;
    vertical-align: top;
    text-align: center;
    text-overflow: ellipsis;
    font-size: .6rem;
    line-height: 1.5rem;
    cursor: pointer;
}

.grid-bar .bar-inp {
    width: 100%;
    min-width: 2rem;
    min-height: 1rem;
    border: .04rem solid #ccc;
    background-color: #fff;
    padding: .25rem .25rem 0 .25rem;
    border-radius: .2rem;
}

.grid-bar .bar-btn i,
.filter-entry i {
    font-size: .8rem;
    /* color: #3ac1fc; */
    margin-right: .25rem;
    vertical-align: middle;
}

.grid-bar .bar-btn-send {
    background-color: #1E9FFF;
    color: #fff;
    border-color: #1E9FFF;
}

.grid-bar .bar-btn-primary {
    background-color: #337ab7;
    border-color: #2e6da4;
    color: #fff;
}

.grid-bar .bar-btn-success {
    background-color: #15C8A9;
    border-color: #15C8A9;
    color: #fff;
}

.grid-bar .bar-btn-close i {
    color: #15C8A9;
}

.grid-bar .bar-btn-save i {
    color: #0079b1;
}

.grid-bar .bar-btn-delete i {
    color: #f00;
}

/*photo plug*/

.list-block {
    position: relative;
}

.list-block .image-media {
    font-weight: normal;
    font-size: .6rem;
    line-height: 1.25rem;
    height: 1.25rem;
    display: block;
}

.list-block .item-media input[type=checkbox],
.list-block .image-media input[type=checkbox] {
    opacity: 0;
    margin: 0 .25rem;
    width: 1rem;
    height: 1.25rem;
    vertical-align: middle;
}

.list-block .item-inner ul {
    clear: both;
    display: -webkit-flex;
    display: flex;
    margin: 0;
    width: 100%;
    flex-wrap: wrap;
}

.list-block .item-inner ul li {
    width: 32%;
    position: relative;
    margin: .25rem 1% .1rem 0;
    text-align: center;
    padding: 0;
    box-sizing: border-box;
    height: 4.5rem;
    display: flex;
    vertical-align: middle;
    border: 0.04rem solid #ddd;
    align-items: center;
}

.list-block .item-inner p .add_img_btn {
    width: 3.25rem;
    height: 3.25rem;
    margin: .25rem 0;
}

.list-block .item-inner p .originalimage {
    position: absolute;
    top: 2.25rem;
    right: .5rem;
    font-size: 0.6rem;
}

.list-block .item-inner ul li .btn-close {
    display: block;
    background-color: rgba(0, 0, 0, .6);
    font-size: .8rem;
    width: 1rem;
    height: 1rem;
    color: #fff;
    position: absolute;
    top: -.25rem;
    right: -.25rem;
    text-align: center;
    border-radius: 50%;
    line-height: .8rem;
}

.list-block .item-inner ul li .btn-line {
    position: absolute;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    left: 0;
    right: 0;
    color: #fff;
    line-height: 4.5rem;
}

.add_img_btn {
    width: 100%;
    /* margin: .5rem 0 .1rem; */
    height: 4.5rem;
    vertical-align: middle;
    /* line-height: 4.5rem; */
}

.list-block .image-media {
    font-weight: normal;
    font-size: .6rem;
}

.list-block .item-media input[type=checkbox],
.list-block .image-media input[type=checkbox] {
    opacity: 0;
    margin: 0 .25rem;
    width: 1.25rem;
    height: 1.25rem;
}

.list-block .item-media input[type=checkbox]:checked+.item-media-checkbox,
.list-block .image-media input[type=checkbox]:checked+.item-media-checkbox {
    background-color: #26a2ff;
    border-color: #26a2ff;
}

.list-block .item-media input[type=checkbox]:checked+.item-media-checkbox::after,
.list-block .image-media input[type=checkbox]:checked+.item-media-checkbox::after {
    border-color: #fff;
    -webkit-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
}

.list-block .item-media input[type=checkbox][disabled]+.item-media-checkbox,
.list-block .image-media input[type=checkbox][disabled]+.item-media-checkbox {
    background-color: #d9d9d9;
    border-color: #ccc;
}

.item-media-checkbox {
    display: inline-block;
    background-color: #fff;
    border-radius: 100%;
    border: 1px solid #ccc;
    position: relative;
    width: .8rem;
    height: .8rem;
    vertical-align: middle;
    margin-left: -1.4rem;
    pointer-events: none;
    margin-right: .25rem;
}

.item-media-checkbox::after {
    border: 2px solid transparent;
    border-left: 0;
    border-top: 0;
    content: " ";
    top: 3px;
    left: 6px;
    position: absolute;
    width: 4px;
    height: 8px;
    -webkit-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0);
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
}

.grid-content.g-has-bar .mint-cell,
.grid-content.g-has-bar .mint-cell-wrapper {
    padding: 0;
    min-height: auto;
    background: none;
}

.grid-content.g-has-bar .mint-cell-text {
    color: #434343;
}

/*search*/

.search-result {
    width: 100%;
    background: #fff;
    overflow: hidden;
    margin-bottom: .425rem;
    box-sizing: border-box;
    padding: 0 .65rem;
}

.search-result .title {
    font-size: .6rem;
    box-sizing: border-box;
    height: 1.8rem;
    line-height: 2rem;
    color: #4a4a4a;
}

.search-result .title-sm {
    height: 1.575rem;
    width: 100%;
    font-size: .5rem;
    line-height: 1.575rem;
    box-sizing: border-box;
    border-bottom: .025rem solid #eee;
}

.search-result .title-sm .title-fr {
    float: right;
}

.search-result .result-box {
    /*height: 2.7rem;*/
    width: 100%;
    height: auto;
    border-bottom: .025rem solid #eee;
    box-sizing: border-box;
    overflow: hidden;
}

.search-result .result-box>.from {
    font-size: .5rem;
    line-height: .9rem;
    padding-bottom: .3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.search-result .result-left {
    width: 2.4rem;
    height: 100%;
    float: left;
    position: relative;
}

.search-result .result-right {
    width: 100%;
    height: 100%;
    margin-left: -2.4rem;
    padding-left: 2.4rem;
    float: left;
    position: relative;
    box-sizing: border-box;
}

.search-result .result-img {
    width: 1.55rem;
    height: 1.55rem;
    line-height: 1.55rem;
    text-align: center;
    background-color: #eee;
    border-radius: 50%;
    margin-left: .4rem;
    margin-top: .6rem;
    color: #666;
    font-size: .65rem;
}

.search-result .result-img.has-img {
    background-color: #fff;
}

.search-result .result-img img {
    width: 100%;
}

.search-result .name {
    margin-top: .4rem;
    font-size: .65rem;
    height: 1rem;
    line-height: 1rem;
    font-weight: 600;
}

.search-result .result-right .from {
    font-size: .5rem;
    height: .8rem;
    line-height: .8rem;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: .3rem;
}

.search-result .from span {
    color: #7f7f7f;
}

.search-result .from span.blue {
    color: #254dff;
}

.search-result .history-item {
    height: 1.15rem;
    line-height: 1.15rem;
    font-size: .6rem;
    box-sizing: border-box;
    padding-left: .2rem;
}

.search-result .used-box {
    width: 100%;
    height: 5.7rem;
    box-sizing: border-box;
    padding-top: .3rem;
}

.search-result .used-box .used-item {
    float: left;
    height: 1.05rem;
    line-height: 1.05rem;
    padding: 0 .55rem;
    font-size: .6rem;
    border: .025rem solid #eee;
    margin-right: .65rem;
    margin-bottom: .5rem;
}

.search-result .search-tip {
    height: 4.25rem;
    line-height: 4.25rem;
    text-align: center;
    color: #6f6f6f;
    font-size: .6rem;
}

.search-result .search-type-row {
    height: .75rem;
    line-height: .75rem;
    width: 100%;
    display: table;
}

.search-result .search-type-row:last-child {
    margin-bottom: 3rem;
}

.search-result .search-type-row .search-type-item {
    display: table-cell;
    font-size: .6rem;
    text-align: center;
    color: #00bb96;
    width: 1%;
    position: relative;
}

.search-result .search-type-row .search-type-item:not(:first-child):before {
    content: '|';
    height: .75rem;
    width: .05rem;
    color: #eee;
    display: inline-block;
    position: absolute;
    left: 0;
}

.search-result .matchfield,
.result-box .matchfiled {
    color: #ff0606;
}

.history-item em.matchfield {
    color: #333
}

.search-bar {
    position: relative;
    height: 2.2rem;
    width: 100%;
    background-color: #15c8aa;
}

.search-bar .back {
    width: 2rem;
    height: 2.2rem;
    line-height: 2.5rem;
    float: left;
    text-align: center;
    color: #fff;
}

.search-bar .back .fa {
    font-size: 1.5rem;
}

.search-bar .input-wrap {
    width: 100%;
    height: 2.2rem;
    line-height: 2.2rem;
    padding: 0 2.4rem;
    margin: 0 -2.2rem;
    box-sizing: border-box;
    float: left;
    position: relative;
}

.search-bar .input-wrap .fa.fa-search {
    position: absolute;
    left: 2.7rem;
    top: .7rem;
    color: #aaaaaa;
}

.search-bar .input-wrap .search-inp {
    width: 100%;
    height: 1.5rem;
    border: .025rem solid #eee;
    box-sizing: border-box;
    border-radius: .2rem;
    padding-left: 1.5rem;
    font-size: .65rem;
}

.search-bar .cancel {
    width: 2rem;
    height: 2.2rem;
    line-height: 2.2rem;
    float: left;
    text-align: center;
    color: #fff;
    font-size: .65rem;
}

.search-result-wrap {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-top: 2.2rem;
    margin-top: -2.2rem;
}

.search-result-container {
    height: 100%;
    width: 100%;
    overflow: auto;
}

.search-result .more {
    height: 2rem;
    line-height: 2rem;
    font-size: .55rem;
    color: #2f4374;
    box-sizing: border-box;
    padding-left: .3rem;
}

.search-result .more .fa.fa-search {
    margin-right: .3rem;
}

.search-result .more .fa.fa-angle-right {
    float: right;
    font-size: .9rem;
    line-height: 2rem;
    margin-right: .2rem;
    color: #c2c2c7;
}

.mint-msgbox {
    border-radius: .5rem;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .3);
    -webkit-transition: 0s;
    transition: 0s;
}

.mint-msgbox-header {
    padding: 0;
}

.mint-msgbox .mint-msgbox-title {
    border-bottom: 1px dotted #ddd;
    padding: .5rem;
    font-size: .65rem;
    font-weight: normal;
    color: #515a6e;
}

.mint-msgbox .mint-msgbox-message {
    padding: .5rem;
    text-align: center;
    color: #17233D;
    line-height: 1rem;
    font-size: .7rem;
    max-height: 15rem;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.mint-msgbox .mint-msgbox-content {
    border: none;
    padding: 1rem .5rem .5rem;
}

.mint-msgbox .mint-msgbox-btns {
    margin: .25rem .5rem .5rem;
    height: 2rem;
    line-height: 2rem;
}

.mint-msgbox .mint-msgbox-btns .mint-msgbox-btn {
    border-radius: 2rem;
    margin: .15rem .5rem .35rem;
    padding: 0;
    height: 1.5rem;
    line-height: 1.5rem;
    /* font-size: .55rem; */
}

.mint-msgbox-cancel {
    background-color: #eaedf4;
    color: #17233d;
}

.mint-msgbox-confirm {
    background-color: #15C8A9;
    color: #ffffff;
}

#WLdialog button {
    background-color: #15C8A9;
    border: none;
    float: right;
}

#WLdialog button:last-child {
    color: #15C8A9;
}